@charset "utf-8";
/* base css begin */
*{margin: 0;padding: 0;}
html{height: 100%;background: #fff;font-size: 14px;}
body{line-height:1.6;height: 100%;}
img { border: none;vertical-align: bottom}
/* reset table */
/*/////////////////////////////////媒体查询/////////////////////////////*/
@media only screen and (min-width:320px) { html{font-size: 11.95px;}}
@media only screen and (min-width: 375px) {html{font-size: 14px;}}
@media only screen and (min-width: 414px) {html{font-size: 15.456px;}}
@media only screen and (min-width: 600px) {html{font-size: 22.4px;}}
/* base css end */
.cover-bg{position:fixed;left:0;top:0;width: 100%;height: 100%;background: #000; opacity:.5;filter:alpha(opacity=50);overflow: hidden}
.red-box{position:absolute;width:7.5rem;height:100%;text-align:center;z-index: 99}
.red-box .pic{position:fixed;width: 6rem;height:8rem;left:0;top:0;z-index: 100;right:0;bottom:0;margin:auto;}
.red-box .pic img{width: 100%;}
.close{display:block;float: right;}
.red-box img{width: 100%;vertical-align: top}
.red-box p{width:100%;font-size: 1.5rem;color: #fffa11;bottom:4rem;}
.red-btn p .get{display: block;width: 30%;margin: 0 auto;margin-left: 30%;}
.red-btn p a img{width:100%;vertical-align: top;margin-bottom: 4rem;}
